page {
    background: #EBEBEB;
    padding-top: 20px;
}
.time {
    display:flex;
    justify-content:center;
    color:#aaa;
    font-size:30rpx;
    margin-top:10rpx;
    margin-bottom:10rpx;
}
.chat_item {
    display:flex;
    /* align-items:center; */
    padding-left:30rpx;
    padding-right:30rpx;
    margin-bottom: 30px;
}
.head_image {
    width: 80px;
    height: 80px;
    border-radius: 40px;
}
.content_txt {
    background:#ffffff;
    padding:15rpx;
    border-radius:10rpx;
    margin-left:20rpx;
    font-size:30rpx;
    color:#555;
    margin-right:20rpx;
    max-width: 500px;
    word-break:break-all;
    display:flex;
    align-items:center;
}
.right {
    justify-content: flex-end;
}
.content_image {
    margin-left:20rpx;
    margin-right:20rpx;
    width: 200px;
}
.content_video {
    width: 300px;
    height: 300rpx;
    margin-left: 20px;
    margin-right: 20px;
}
.bottom {
    position:fixed;
    bottom:0;
    left:0;
    background:#EBEBEB;
}
.send_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 750px;
    background:#EBEBEB;
    padding-top:10rpx;
    border-top:2rpx solid #ddd;
    border-bottom:2rpx solid #ddd;
}
.luyin {
    width: 70px;
    height: 70px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.content {
    background: #ffffff;
    width:520rpx;
    margin-bottom: 10px;
    font-size: 30px;
    padding-top:10rpx;
    padding-bottom:10rpx;
    margin-left:0rpx;
    height: 70rpx;
}
.send_btn {
    margin-right: 10px;
    height: 70px;
    display:flex;
    align-items:center;
}
.icon_plus {
    width:70rpx;
    height:70rpx;
    margin-right:15rpx;
}
.btn_luyin {
    width:500rpx;
}
.hide {
    display: none;
}
.closeBox{
    background: white;
    width: 100%;
    margin-top: 20px;
}
.audio_box {
    display:flex;
    background:green;
    border-radius:10rpx;
    padding:15rpx;
    margin-left: 20px;
    margin-right: 20px;
}
.audio_image {
    width: 40px;
    height: 40px;
}
.audio_txt {
    font-size: 30px;
}
.fun-box .at-grid__flex .at-grid__flex-item:nth-of-type(1) .content-inner__img {
    width: 60px;
    height: 60px;
    position: relative;
    top: 3px;
}
.article {
    display:flex;
    align-items:center;
    background:#ffffff;
    border-radius:10rpx;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 5px;
}
.article_txt {
    background:#ffffff;
    padding:15rpx;
    border-radius:10rpx;
    font-size:30rpx;
    color:#555;
    max-width: 500px;
    word-break:break-all;
    text-decoration:underline;
    padding-left: 0px;
}
.icon_link {
    width: 50px;
    height: 50px;
}
.flow {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    padding:20rpx;
    max-width:450rpx;
    border-radius:10rpx;
    margin-left:20rpx;
    margin-right:20rpx;
}
.flw_top {
    font-size:30rpx;
    color:#555;
    max-width: 420px;
    word-break:break-all;
    margin-bottom:20rpx;
}
.flw_center {
    display: flex;
    flex-direction: row;
    padding-bottom:20rpx;
    border-bottom:2rpx solid #eee;
}
.flw_image {
    width:150rpx;
    height:150rpx;
    margin-right:20rpx;
}
.flw_txt {
    font-size:28px;
    color:#888;
    max-width:300rpx;
    white-space: pre-wrap;
    overflow: hidden;
    text-overflow:ellipsis;
    word-break: break-all;
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.flw_desc {
    font-size:30px;
    color:#ccc;
    margin-top:20rpx;
    display:flex;
    justify-content:flex-end;
}
.opt {
    display: flex;
    padding-left:10rpx;
    padding-bottom:10rpx;
    padding-top:10rpx;

}
.opt1 {
    background: #00CC99;
    color: #ffffff;
    font-size: 30px;
    padding:10rpx;
    border-radius:10rpx;
}
.opt2 {
    background: #00CC99;
    color: #ffffff;
    font-size: 30px;
    margin-left:10px;
    padding:10rpx;
    border-radius:10rpx;
}
.flag {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flag_top {
    display: flex;
    max-width: 700px;
}
.dot {
    display: flex;
    align-items: center;
    max-width: 200px;
}
.dot_width {
    width: 100px;
}
.fl_dot {
    border-top: 2px dashed #aaa;
    height: 2px;
}
.fl_txt {
    color:#aaa;
    font-size:28rpx;
}
.fr_dot {
    border-top: 2px dashed #aaa;
    height: 2px;
}
.f_time {
    display:flex;
    justify-content:center;
    color:#aaa;
    font-size:30rpx;
    margin-top:10rpx;
    margin-bottom:10rpx;
}
.btn_box {
    width: 750px;
    display: flex;
}
.refuse {
    height: 100px;
    width: 50%;
    color: #ffffff;
    font-size: 32px;
    background: #F95E5A;
    display:flex;
    justify-content:center;
    align-items:center;
}
.accept {
    height: 100px;
    width: 50%;
    color: #ffffff;
    font-size: 32px;
    background: #00CC99;
    display:flex;
    justify-content:center;
    align-items:center;
}